<div class="row">
	<div class="col-md-5 col-sm-12 push-md-7">
		<div class="card">
			<span class="card-header">
				<span class="h3">添加任务</span>
			</span>
			<span class="card-block text-right">
				<form id="query_form">
					<span class="form-group row text-center">
						<label class="col-form-label col-3">手机号码</label>
						<input type="text" class="form-control col-8" name="phone"></input>
					</span>
					<span class="form-group row text-center">
						<label class="col-form-label col-3">QQ号码</label>
						<input type="text" class="form-control col-8" name='QQ'></input>
					</span>
					<span class="form-group row text-center">
						<label class="col-form-label col-3">邮箱号码</label>
						<input type="text" class="form-control col-8" name="email"></input>
					</span>
					<span class="form-group row text-center">
						<label class="col-form-label col-3">任务名称</label>
						<input type="text" class="form-control col-8" name='sign'></input>
					</span>
				</form>
				<button class="btn btn-info mr-5" id="query_auto_add">加入列表</button>
			</span>
		</div>
	</div>
	<div class="col-md-7 col-sm-12 pull-md-5">
		<div class="card">
			<span class="card-header">
				<span >
					<span class="h3 hidden-xs-down">任务信息</span>
					<div class='btn-group-sm float-right btn-group' id='get_query_data'>
						<button class="btn btn-secondary" data-num='-10'>上一页</button>
						<button class="btn btn-secondary" data-num='0'>获取数据</button>
						<button class="btn btn-secondary" data-num='10'>下一页</button>
					</div>
				</span>
			</span>
			<ul class="list-group list-group-flush" id="query_list">
			</ul>
		</div>
	</div>
</div>